<template>
  <div>
    <div>值：{{ count }}</div>
    <button @click="handleAdd" id="countContainer" :userId="count">{{ count }}</button>
  </div>
</template>
<script setup lang="ts">

import { ref } from 'vue'

const count = ref(0)

const handleAdd = () => {
  count.value = count.value + 1
  console.log('count的值：', count.value)
  console.log('DOM的值：', document.getElementById('countContainer')?.textContent)

}
</script>

<style scoped>

</style>
